<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="box"></div>
</body>
<script>
    //都属于number类型
    //NaN  非数字
    //infinity   正无穷

    // 错误:
    // TypeError: Cannot set properties of null (setting 'onclick')
    // TypeError: Cannot set property onclick of null 

    //JS操作元素之前，必须先获取元素
    //通过文档可以获取页面中所有的元素

    //document.getElementById(); 在文档中获取对应id名的元素
    var box = document.getElementById("box");
    console.log(box);

    //给box绑定点击事件 当box被点击时 => 执行function(){}中的代码段
    box.onclick = function () {
        alert(111);
    }
</script>
    
</html>